<template>
  <div>
    <el-input
      type="text"
      placeholder="商品标题 牌子"
      v-model="text"
      maxlength="20"
      show-word-limit
    >
    </el-input>
    <div style="margin: 20px 0;"></div>
    <el-input
      type="textarea"
      maxlength="1000"
      show-word-limit
      placeholder="在这里详细描述一下宝贝的转手原因,入手渠道,规格尺寸,新旧程度和使用感受吧~"
      v-model="textarea"
      rows="6"
    >
    </el-input>
    <!-- 分割作用 -->
    <div class="bottom-1"></div>
  </div>
</template>

<script>
  export default{
    name:'Content',
    data() {
      return {
        text: '',
        textarea: ''
      }
    }
  }

</script>

<style scoped="scoped">
  .bottom-1{
    width: 100%;
    height: 1rem;
    background-color: #F8F8FF;
    margin-top: 0.5rem;
  }
</style>
